﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2 闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2_闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2_闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u353" class="ax_default" data-left="74" data-top="78" data-width="306" data-height="510">

        <!-- Rectangle (矩形) -->
        <div id="u354" class="ax_default _形状" data-label="Rectangle">
          <div id="u354_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u355" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u356" class="ax_default _三级标题">
        <div id="u356_div" class=""></div>
        <div id="u356_text" class="text ">
          <p><span>上午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u357" class="ax_default _二级标题">
        <div id="u357_div" class=""></div>
        <div id="u357_text" class="text ">
          <p><span>10:25</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u358" class="ax_default label">
        <div id="u358_div" class=""></div>
        <div id="u358_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u359" class="ax_default flow_shape">
        <img id="u359_img" class="img " src="images/1_2_闹钟响起/u359.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u360" class="ax_default flow_shape">
        <img id="u360_img" class="img " src="images/1_2_闹钟响起/u360.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u361" class="ax_default flow_shape">
        <img id="u361_img" class="img " src="images/1_2_闹钟响起/u361.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u362" class="ax_default _三级标题">
        <div id="u362_div" class=""></div>
        <div id="u362_text" class="text ">
          <p><span>10</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u363" class="ax_default _三级标题">
        <div id="u363_div" class=""></div>
        <div id="u363_text" class="text ">
          <p><span>分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u364" class="ax_default _三级标题">
        <div id="u364_div" class=""></div>
        <div id="u364_text" class="text ">
          <p><span>点击稍后提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u365" class="ax_default ellipse">
        <img id="u365_img" class="img " src="images/1_2_闹钟响起/u365.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u366" class="ax_default ellipse">
        <img id="u366_img" class="img " src="images/1_2_闹钟响起/u366.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u367" class="ax_default ellipse">
        <img id="u367_img" class="img " src="images/1_2_闹钟响起/u367.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u368" class="ax_default ellipse">
        <img id="u368_img" class="img " src="images/1_2_闹钟响起/u367.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u369" class="ax_default label">
        <div id="u369_div" class=""></div>
        <div id="u369_text" class="text ">
          <p><span>滑动关闭闹铃</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u370" class="ax_default ellipse">
        <img id="u370_img" class="img " src="images/1_2_闹钟响起/u370.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u371" class="ax_default ellipse">
        <img id="u371_img" class="img " src="images/1_2_闹钟响起/u370.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u372" class="ax_default image">
        <img id="u372_img" class="img " src="images/图例/u87.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u373" class="ax_default line">
        <img id="u373_img" class="img " src="images/1_2_闹钟响起/u373.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u374" class="ax_default" data-left="405.5" data-top="498.5" data-width="142" data-height="89.5">

        <!-- Unnamed (图片) -->
        <div id="u375" class="ax_default image">
          <img id="u375_img" class="img " src="images/图例/u175.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u376" class="ax_default image">
          <img id="u376_img" class="img " src="images/图例/u176.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u377" class="ax_default image">
          <img id="u377_img" class="img " src="images/图例/u175.png"/>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u378" class="ax_default line">
        <img id="u378_img" class="img " src="images/1_2_闹钟响起/u378.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u379" class="ax_default _一级标题">
        <div id="u379_div" class=""></div>
        <div id="u379_text" class="text ">
          <p><span>闹钟-响起&amp;延迟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u380" class="ax_default _文本段落">
        <div id="u380_div" class=""></div>
        <div id="u380_text" class="text ">
          <p style="font-size:36px;"><span>闹钟响起：</span></p><p style="font-size:36px;"><span><br></span></p><p style="font-size:28px;"><span>滑动正下方的圆圈按钮，即可关闭闹钟。</span></p><p style="font-size:28px;"><span><br></span></p><p style="font-size:28px;"><span><br></span></p><p style="font-size:36px;"><span>闹钟延迟：</span></p><p style="font-size:28px;"><span><br></span></p><p style="font-size:28px;"><span>点击正中间的大圆圈，即可延迟闹铃。</span></p><p style="font-size:28px;"><span><br></span></p><p style="font-size:28px;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u381" class="ax_default _文本段落">
        <div id="u381_div" class=""></div>
        <div id="u381_text" class="text ">
          <p><span><br></span></p><p><span>在我看来，闹钟是一项不需要连接网络/蓝牙</span></p><p><span>的工具，在正常情况下，保证它原有的基础功能即可。</span></p><p><span>当然，我们也会提供连接网络/蓝牙的服务；</span></p><p><span>如：天气、智能灯泡等。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u382" class="ax_default _文本段落">
        <div id="u382_div" class=""></div>
        <div id="u382_text" class="text ">
          <p><span>颜色：</span></p><p><span>主题颜色为黑色，中间过渡为浅色。字体颜色为白色。</span></p><p><span>因为用户在清醒前都会有一个过渡期，</span></p><p><span>深色与睡觉的状态更为一致，能更好体贴用户。</span></p><p><span>字体与背景色黑白相间，更好让客户看清文字。</span></p><p><span><br></span></p><p><span>而中间转动的三环圆圈是为了稍微提醒一下用户</span></p><p><span>可以按下这个按钮，继续进行休息，稍后再次提醒。</span></p><p><span>这个区域比较大，是方便用户用手轻轻碰一下即可。</span></p><p><span><br></span></p><p><span>而下方的圆圈按钮为浅色，是等待用户清醒时分，</span></p><p><span>稍微用手轻轻滑动一下，即可关闭闹铃。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
